#:import environ os.environ
#:import IconRightSampleWidget libs.baseclass.list_items.IconRightSampleWidget


<KitchenSinkLists@MDScreen>
    name: "lists"

    BoxLayout:
        orientation: "vertical"
        spacing: "10dp"

        Toolbar:
            id: toolbar

        ScrollView:
            do_scroll_x: False

            MDList:
                id: ml

                OneLineListItem:
                    text: "One-line item"

                TwoLineListItem:
                    text: "Two-line item"
                    secondary_text: "Secondary text here"

                ThreeLineListItem:
                    text: "Three-line item"
                    secondary_text: "This is a multi-line label where you can"
                    tertiary_text: "fit more text than usual"

                OneLineAvatarListItem:
                    text: "Single-line item with avatar"
                    ImageLeftWidget:
                        source: f"{environ['KITCHEN_SINK_ASSETS']}avatar.png"

                TwoLineAvatarListItem:
                    type: "two-line"
                    text: "Two-line item..."
                    secondary_text: "with avatar"
                    ImageLeftWidget:
                        source: f"{environ['KITCHEN_SINK_ASSETS']}avatar.png"

                ThreeLineAvatarListItem:
                    type: "three-line"
                    text: "Three-line item..."
                    secondary_text: "...with avatar..."
                    tertiary_text: "and third line!"
                    ImageLeftWidget:
                        source: f"{environ['KITCHEN_SINK_ASSETS']}avatar.png"

                OneLineIconListItem:
                    text: "Single-line item with left icon"
                    IconLeftWidget:
                        id: li_icon_1
                        icon: "star-circle"

                TwoLineIconListItem:
                    text: "Two-line item..."
                    secondary_text: "...with left icon"
                    IconLeftWidget:
                        id: li_icon_2
                        icon: "comment-text"

                ThreeLineIconListItem:
                    text: "Three-line item..."
                    secondary_text: "...with left icon..."
                    tertiary_text: "and third line!"
                    IconLeftWidget:
                        id: li_icon_3
                        icon: "sd"

                OneLineAvatarIconListItem:
                    text: "Single-line + avatar&icon"
                    ImageLeftWidget:
                        source: f"{environ['KITCHEN_SINK_ASSETS']}avatar.png"
                    IconRightSampleWidget:

                TwoLineAvatarIconListItem:
                    text: "Two-line item..."
                    secondary_text: "...with avatar&icon"
                    ImageLeftWidget:
                        source: f"{environ['KITCHEN_SINK_ASSETS']}avatar.png"
                    IconRightSampleWidget:

                ThreeLineAvatarIconListItem:
                    text: "Three-line item..."
                    secondary_text: "...with avatar&icon..."
                    tertiary_text: "and third line!"
                    ImageLeftWidget:
                        source: f"{environ['KITCHEN_SINK_ASSETS']}avatar.png"
                    IconRightSampleWidget:
